<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<title>购物车</title>
	<script src="../public/js/jquery.min.js"></script>
	<script src="../public/js/vue/vue.js"></script>
	<script src="../public/js/vue/vue-resource.js"></script>
	<script src="../public/js/publicjs.js"></script>
	<link rel="stylesheet" href="../public/css/reset.css">
	<link rel="stylesheet" href="../public/css/samecss.css">
	<link rel="stylesheet" href="../css/shoppingcartpage.css">
	<script>
		/*document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5  < 128/3 ? 128/3 : document.documentElement.clientWidth / 7.5 + 'px';
		window.onresize = function(){
			document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5  < 128/3 ? 128/3 : document.documentElement.clientWidth / 7.5 + 'px';
		}
		console.log(document.documentElement.style.fontSize);*/
		document.documentElement.style.fontSize = document.documentElement.clientWidth / 3.75  < 64/3 ? 64/3 : document.documentElement.clientWidth / 3.75 + 'px';
		window.onresize = function(){
			document.documentElement.style.fontSize = document.documentElement.clientWidth / 3.75  < 64/3 ? 64/3 : document.documentElement.clientWidth / 3.75 + 'px';
		}
		console.log(document.documentElement.style.fontSize);
	</script>
</head>
<body>
<div id="appbox">
	<header>
		<a class="gobackbtn morecss" href="javascript:history.go(-1);" title="goback"></a>
		<p class="font15 text-black24 text-center">购物车</p>
	</header>
	<!--头部结束-->
	<!--内容部分开始-->
	<div class="shangjiajihe paddingleft20">


		<div class="shangjiabox" v-for="item in appdata" >
			<div class="shangjiajihetitle clearfloat">
				<img v-if="item.shopselect" class="floatleft" src="../images/select.png" alt="" @click="shopselectclick(0,item,0)">
				<img v-else class="floatleft" src="../images/noselect.png" alt="" @click="shopselectclick(1,item,1)">
				<a href="javascript:void (0)" @click="gotolink(item.shopid)" class="font18 text-black24 floatleft morecss">{{item.shopname}}</a>
			</div>
			<ul class="shangjiajihelis">
				<li class="shangjiajihelibox" v-for="(item2,index) in item.goodsinfo" :selectstatus="item2.selected" :cartid="item2.cartid">
					<img v-if="item2.selected==0" class="floatleft" src=" ../images/noselect.png" alt="" @click="shangjiachanpinselectclick(1,item2,item,1)">
					<img v-else class="floatleft" src="../images/select.png" alt="" @click="shangjiachanpinselectclick(0,item2,item,0)">
					<div class="shangjiajiheli clearfloat">
						<div class="imgbox floatleft" @click="gotolink2(item2.gid)">
							<img :src="item2.thumb" alt="商品">
						</div>
						<div class="shangpincontent floatleft">
							<p class="font14 text-black34 _textover">{{item2.name}}</p>
							<div class="shangpincontentbottom clearfloat">
								<span class="font13 text-red222 floatleft">￥{{item2.price}}/{{item2.unit}}</span>
								<div class="shangpinaddorsubtract floatright">
									<a class="shangpinadd floatleft font14" href="javascript:void(0)" @click="shangpinnum(-1,item2,item2.cartid,item)">-</a>
									<input class="floatleft font12" readonly="readonly" type="number" v-model="item2.count">
									<a class="shangpinsubtract floatleft font14" href="javascript:void(0)" @click="shangpinnum(1,item2,item2.cartid,item)">+</a>
								</div>
							</div>

							<div class="shangpindeletebtn" @click="shangpindeleteclick(item2.cartid)">
								<img src="../images/delete.png" alt="">
							</div>
						</div>
					</div>
				</li>


			</ul>

		</div>


	</div>
	<!--底部确认下单-->
	<div id="makeadeal" class="paddingleft20 clearfloat">
		<div class="floatleft" v-if="notallselectstatus" @click="allselectclick(0)" val="0">
			<img class="floatleft" src="../images/noselect.png" alt="">
			<p class="font14 text-black70 floatleft">全部选中</p>
		</div>
		<div class="floatleft" v-else @click="allselectclick(1)" val="1">
			<img class="floatleft" src="../images/select.png" alt="">
			<p class="font14 text-black70 floatleft">取消全选</p>
		</div>
		<div class="floatright">
			<p class="font14 text-black90 floatleft _textover"><span class="font14 text-red211">￥{{totalmoney}}元</span><span class="font14 text-black90">合计： </span></p>
			<div id="makeadealbtn" class="font14 text-black24 floatleft text-center" @click="shoppingnextgo">下单</div>
		</div>
	</div>
	<!--footer部分-->
	<footer>
		<a href="index.html">
			<img src="../images/index.png" alt="">
			<p class="text-black96">首页</p>
		</a>
		<a href="newpropage.html">
			<img src="../images/news.png" alt="">
			<p class="text-black96">新品</p>
		</a>
		<a href="promotionpage.html">
			<img src="../images/activity.png" alt="">
			<p class="text-black96">活动</p>
		</a>
		<a href="shoppingcartpage.html" class="select">
			<img src="../images/shoppingcartselect.png" alt="">
			<p class="text-black96">购物车</p>
		</a>
		<!--<a href="javascript:void (0)" @click="iflogined">-->
		<a href="percenter.html">
			<img src="../images/percenter.png" alt="">
			<p class="text-black96">我的</p>
		</a>
	</footer>

	<!--未选中商品是提示-->
	<div v-if="fixedtips" class="fixedtips">请至少选择一个产品</div>
	<!--确定删除-->
	<div class="deleteproductbg">
		<div class="deleteproduct bg-white">
			<p class="text-black3 font17 text-center">你确定删除该商品吗？</p>
			<ul class="deleteproductbtns clearfloat">
				<li class="cancel text-blue0118 floatleft font17 text-center">取消</li>
				<li class="text-blue0118 font17 floatleft text-center">确定</li>
			</ul>
		</div>
	</div>
</div>
<script src="../js/shoppingcartpage.js"></script>
</body>
</html>